<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
body {
	font-family:'PingFang SC';
}
.red {
	color: #EA0A2A !important;
}
.fr {
	float: right;
}
.list-null {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.null {
	width: 422upx;
	height: 370upx;
	display: block;
}
.null-txt {
	font-size:30upx;
	font-weight:500;
	color:rgba(153,153,153,1);
	margin: 21upx auto 0;
}
.modal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: rgba(0,0,0,.6);
}
.actionSheet {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 160upx;
	background: #fff;
}
.action-list {
	width: 604upx;
	margin: 0 auto;
}
.action-item {
	height: 79upx;
	line-height: 79upx;
	text-align: center;
	border-bottom: 2upx solid #eee;
	font-size:28upx;
	font-family:'PingFang SC';
	font-weight:bold;
	color:rgba(234,10,42,1);
}
.action-item:last-child {
	border-bottom: 0;
	color: #999;
}
.price {
	font-size:34upx;
	font-weight:bold;
	color:rgba(234,10,42,1);
}
.unit {
	font-size:24upx;
	font-weight:500;
}
.row-inp {
	flex: 6;
}
.foooter-next {
	height: 90upx;
	background: #111821;
	font-size:34upx;
	font-weight:500;
	color:rgba(234,10,42,1);
	text-align: center;
	line-height: 90upx;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.check-ico {
	width: 37upx;
	height: 37upx;
}
.operation-modal {
	background:rgba(0,0,0,.6);
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.operation-dialog {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.operation-box {
	height: 320upx;
	background: #FFFFFF;
	display: flex;
}
.pic-box {
	margin: -50upx 30upx 0 28upx;
	width: 200upx;
	height: 200upx;
	border-radius: 6upx;
	box-shadow:4upx 6upx 9upx 1upx rgba(2,2,2,0.22);
}
.pic-img {
	width: 100%;
	height: 100%;
	border-radius: 6upx;
}
.intro-box {
	position: relative;
	flex: 3;
}
.intro-tit {
	font-size:30upx;
	font-weight:500;
	color:rgba(51,51,51,1);
	margin-top: 21upx;
}
.intro-cost {
	font-size:34upx;
	margin-top: 16upx;
	font-weight:bold;
	color:rgba(234,10,42,1);
}
.prefix {
	font-size: 24upx;
}
.intro-desc {
	font-size:24upx;
	font-weight:500;
	color:rgba(102,102,102,1);
	margin-top: 19upx;
}
.intro-close {
	position: absolute;
	width: 28upx;
	height: 28upx;
	top: 63upx;
	right: 63upx;
}
.count-wrapper {
	display: flex;
	justify-content: space-between;
	height: 70upx;
	align-items: center;
	background: #FFFFFF;
	padding: 0 27upx 62upx;
	transform: translateY(-70upx);
}
.operation-footer {
	height: 108upx;
	display: flex;
	background: #FFFFFF;
}
.opa-btn {
	flex: 2 108upx 0;
	width: 108upx;
	text-align: center;
	background: #111821;
}
.opa-tel {
	margin: 22upx 0 0 0;
	width: 33upx;
	height: 33upx;
}
.opa-heart {
	margin: 27upx 0 0 0;
	width: 32upx;
	height: 26upx;
}
.opa-txt {
	margin: 9upx auto 0;
	font-size: 24upx;
}
.operation-tel {
	color: #EA0A2A;
}
.operation-heart {
	color: #808080;
}
.operation-join {
	width: 282upx;
	flex: 6 282upx 0;
	background: #EA0A2A;
	font-size:28upx;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height: 108upx;
	text-align: center;
}
.operation-buy {
	width: 252upx;
	flex: 5 252upx 0;
	background: #A70018;
	font-size:28upx;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height: 108upx;
	text-align: center;
}
.cart-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width:750upx;
	height:85upx;
	background:#FFFFFF;
	border-top:1px solid rgba(230,230,230,1);
	z-index: 2;
	display: flex;
}
.check-all {
	flex: 1 200upx 0;
	width: 200upx;
	display: flex;
	align-items: center;
	margin-right: 49upx;
}
.check-ico {
	width: 37upx;
	height: 37upx;
	margin-left: 30upx;
}
.lab {
	width:78upx;
	font-size:30upx;
	font-weight:400;
	color:rgba(51,51,51,1);
	margin: 0 0 0 27upx;
}
.total-wrapper {
	flex: 2 687upx 1;
	width: 687upx;
}
.total-label {
	width:60upx;
	height:25upx;
	font-size:26upx;
	font-weight:500;
	color:rgba(51,51,51,1);
}
.down15 {
	transform: translateY(15upx);
}
.total-price {
	font-size:30upx;
	font-weight:bold;
	color:rgba(234,10,42,1);
}
.total-detail {
	margin: -16upx 0 0 0;
}
.det-txt {
	font-size:20upx;
	font-weight:400;
	color:rgba(153,153,153,1);
	margin: 0 10upx 0 0;
}
.det-arrow {
	width: 19upx;
	height: 11upx;
}
.sumbit {
	flex: 4 293upx 0;
	width: 293upx;
	height: 85upx;
	background: #EA0A2A;
	text-align: center;
	line-height: 85upx;
	font-size:28upx;
	font-weight:500;
	color:rgba(255,255,255,1);
}
</style>
